<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图书管理</title>
<link type="text/css" rel="stylesheet" href="/static/css/style.css" >
</head>
<script src="static/script/jquery-1.7.2.js"></script>
<script>
	$(function(){
     $(".deleteBook").click(function(){
		//给class=deleteBook绑定点击事件，该框就是this，attr传一个参数是获取值，传两个参数是给属性赋值
		var title = $(this).attr("id")
		return confirm("确定删除这本【"+title+"】图书");
		//如果点确定，就返回true，进行默认操作发送删除的请求，如果点取消，就返回false，取消默认的发送请求操作
	 });
	});
</script>
<body>
	
	<div id="header">
			<img class="logo_img" alt="" src="/static/img/logo.gif" >
			<span class="wel_word">图书管理系统</span>
			<div>
				<a href="/getBooks">图书管理</a>
				<a href="/getOrders">订单管理</a>
				<a href="/index">返回商城</a>
			</div>
	</div>
	<div id="main">
		<table>
			<tr>
				<td>名称</td>
				<td>价格</td>
				<td>作者</td>
				<td>销量</td>
				<td>库存</td>
				<td colspan="2">操作</td>
			</tr>		
		{{range .Books}}
			<tr>
				<td>{{.Title}}</td>
				<td>{{.Price}}</td>
				<td>{{.Author}}</td>
				<td>{{.Sales}}</td>
				<td>{{.Stock}}</td>
				<td><a href="/toUpdateBook?bookId={{.ID}}">修改</a></td>
				<td><a id="{{.Title}}" href="/deleteBook?bookId={{.ID}}" class="deleteBook">删除</a></td>
			</tr>	
			{{end}}
			<!-- 这里给删除绑定点击事件 加的是class而不是id 是因为整个这一块是遍历得到的，id是所有的都一样 -->
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td><a href="/toUpdateBook">添加图书</a></td>
			</tr>	
		</table>
	

	<div id="page_nav">
		{{if .IsHasPrev}}
		<a href="/getPageBooks">首页</a>
		<a href="/getPageBooks?pageNo={{.GetPrevPageNo}}">上一页</a>
	    {{end}}
		当前是第【{{.PageNo}}】页 
		{{if .IsHasNext}}
		<a href="/getPageBooks?pageNo={{.GetNextPageNo}}">下一页</a>
		<a href="/getPageBooks?pageNo={{.TotalPageNo}}">末页</a>
		{{end}}
		共【{{.TotalPageNo}}】页	,	共【{{.TotalRecord}}】条记录
		跳转到<input value="{{.PageNo}}" name="pn" id="pn_input"/>页
		<input type="button" value="确定"  id="sub">
		<script>
		   $("#sub").click(function(){
			var pageNo = $("#pn_input").val();
			location ="/getPageBooks?pageNo="+pageNo;
		   });
		</script>
		</div>
	</div>
	<div id="bottom">
		<span>
			尚硅谷书城.Copyright &copy;2015
		</span>
	</div>
</body>
</html>